css /* NeoBrutalist CSS */ body { background-color: #f7d8c0; font-family: "Helvetica Neue", sans-serif; font-size: 1.2rem; font-weight: bold; line-height: 1.5rem; margin: 0; padding: 0; } body * { box-sizing: border-box; } h1, h2, h3 { color: #ff69a9; text-shadow: 0 1px 0 #000000; text-transform: uppercase; border-bottom: 4px solid #000000; margin-bottom: -4px; padding-bottom: 4px; } h1 { font-size: 2.5rem; line-height: 2rem; border-bottom: 8px solid #000000; margin-bottom: -8px; padding-bottom: 8px; letter-spacing: 2px; } p, li, a { font-size: 1.1rem; font-weight: bold; letter-spacing: -0.1rem; color: #ff0000; text-transform: none; text-align: left; text-shadow: 0 0 1px #000000; border-bottom: 4px solid #000000; margin-bottom: -4px; padding-bottom: 4px; word-wrap: break-word; word-break: break-word; word-break-inside: break-word; hyphens: manual; word-spacing: 0; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; -webkit-word-break: break-word; -ms-word-break: break-word; -o-word-break: break-word; -o-word-wrap: break-word; -ms-word-wrap: break-word; -webkit-hyphens: manual; } a { color: #0000FF; text-decoration: none; text-shadow: none; border-bottom: 4px solid #000000; margin-bottom: -4px; padding-bottom: 4px; transition: background-color 0.5s ease-in-out; transition: color 0.5s ease-in-out; transition: border-bottom 0.5s ease-in-out; transition: margin-bottom 0.5s ease-in-out; transition: padding-bottom 0.5s ease-in-out; } a:hover { background-color: #ff69a9; color: #ffffff; border-bottom: 8px solid #000000; margin-bottom: -8px; padding-bottom: 8px; text-shadow: 2px 2px 2px #000000; transition: background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out; transition: border-bottom 0.2s ease-in-out; transition: margin-bottom 0.2s ease-in-out; transition: padding-bottom 0.2s ease-in-out; } img { display: none; width: 0; height: 0; margin: 0; padding: 0; } img + img { display: block; width: 100%; height: 100%; margin: auto; border: 4px solid #000000; }